<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="../css/liebiaoye.css">
	<link rel="stylesheet" href="../css/reset.css">
</head>
<body>
<div class="liebiaoye">
	 <header class="header">
		<div class="left">
			<img src="../imgs/meisi-max.png">
			<p>首页</p>
		</div>
		<div class="center">
			服务超市
		</div>
		
		<div class="right">
			<img src="../imgs/sousuo.png" class="btn">
		</div>
	 </header>	

    <nav>
    	
    	<ul>
    		<li id="one">融合账单</li>
    		<li id="two">医疗卫生</li>
    		<li id="three">融合账单</li>
    		<li id="four">工作卫生</li>
    	</ul>
    </nav>


<div class="nei">
    <main class="yi">
    	<dl>
    		<dt>
    			<img src="../imgs/meisi-1.png">
    			<span>美食团购</span>
    		</dt>
    		<dd>
    			<img src="../imgs/sezi-min.png">
    		</dd>
    		
    	</dl>

    	<dl>
    		<dt>
    			<img src="../imgs/meisi-2.png">
    			<span>美食团购</span>
    		</dt>
    		<dd>
    			<img src="../imgs/sezi-min.png">
    		</dd>
    		
    	</dl>

    	<dl>
    		<dt>
    			<img src="../imgs/meisi-3.png">
    			<span>美食团购</span>
    		</dt>
    		<dd>
    			<img src="../imgs/sezi-min.png">
    		</dd>
    		
    	</dl>

    	<dl>
    		<dt>
    			<img src="../imgs/meisi-4.png">
    			<span>美食团购</span>
    		</dt>
    		<dd>
    			<img src="../imgs/sezi-min.png">
    		</dd>
    		
    	</dl>

    	<dl>
    		<dt>
    			<img src="../imgs/meisi-5.png">
    			<span>美食团购</span>
    		</dt>
    		<dd>
    			<img src="../imgs/sezi-min.png">
    		</dd>
    		
    	</dl>

    	<dl>
    		<dt>
    			<img src="../imgs/meisi-5.png">
    			<span>美食团购</span>
    		</dt>
    		<dd>
    			<img src="../imgs/sezi-min.png">
    		</dd>
    		
    	</dl>

    </main>



    <main class="er">
        <dl>
            <dt>
                <img src="../imgs/meisi-1.png">
                <span>美食</span>
            </dt>
            <dd>
                <img src="../imgs/sezi-min.png">
            </dd>
            
        </dl>

        <dl>
            <dt>
                <img src="../imgs/meisi-2.png">
                <span>美食团购</span>
            </dt>
            <dd>
                <img src="../imgs/sezi-min.png">
            </dd>
            
        </dl>

        <dl>
            <dt>
                <img src="../imgs/meisi-3.png">
                <span>美食团购</span>
            </dt>
            <dd>
                <img src="../imgs/sezi-min.png">
            </dd>
            
        </dl>

        <dl>
            <dt>
                <img src="../imgs/meisi-4.png">
                <span>美食团购</span>
            </dt>
            <dd>
                <img src="../imgs/sezi-min.png">
            </dd>
            
        </dl>

        <dl>
            <dt>
                <img src="../imgs/meisi-5.png">
                <span>美食团购</span>
            </dt>
            <dd>
                <img src="../imgs/sezi-min.png">
            </dd>
            
        </dl>

        <dl>
            <dt>
                <img src="../imgs/meisi-5.png">
                <span>美食团购</span>
            </dt>
            <dd>
                <img src="../imgs/sezi-min.png">
            </dd>
            
        </dl>

    </main>


    <main class="san">
        <dl>
            <dt>
                <img src="../imgs/meisi-1.png">
                <span>美团购</span>
            </dt>
            <dd>
                <img src="../imgs/sezi-min.png">
            </dd>
            
        </dl>

        <dl>
            <dt>
                <img src="../imgs/meisi-2.png">
                <span>美食团购</span>
            </dt>
            <dd>
                <img src="../imgs/sezi-min.png">
            </dd>
            
        </dl>

        <dl>
            <dt>
                <img src="../imgs/meisi-3.png">
                <span>美食团购</span>
            </dt>
            <dd>
                <img src="../imgs/sezi-min.png">
            </dd>
            
        </dl>

        <dl>
            <dt>
                <img src="../imgs/meisi-4.png">
                <span>美食团购</span>
            </dt>
            <dd>
                <img src="../imgs/sezi-min.png">
            </dd>
            
        </dl>

        <dl>
            <dt>
                <img src="../imgs/meisi-5.png">
                <span>美食团购</span>
            </dt>
            <dd>
                <img src="../imgs/sezi-min.png">
            </dd>
            
        </dl>

        <dl>
            <dt>
                <img src="../imgs/meisi-5.png">
                <span>美食团购</span>
            </dt>
            <dd>
                <img src="../imgs/sezi-min.png">
            </dd>
            
        </dl>

    </main>


     <main class="si">
        <dl>
            <dt>
                <img src="../imgs/meisi-1.png">
                <span>食团购</span>
            </dt>
            <dd>
                <img src="../imgs/sezi-min.png">
            </dd>
            
        </dl>

        <dl>
            <dt>
                <img src="../imgs/meisi-2.png">
                <span>美食团购</span>
            </dt>
            <dd>
                <img src="../imgs/sezi-min.png">
            </dd>
            
        </dl>

        <dl>
            <dt>
                <img src="../imgs/meisi-3.png">
                <span>美食团购</span>
            </dt>
            <dd>
                <img src="../imgs/sezi-min.png">
            </dd>
            
        </dl>

        <dl>
            <dt>
                <img src="../imgs/meisi-4.png">
                <span>美食团购</span>
            </dt>
            <dd>
                <img src="../imgs/sezi-min.png">
            </dd>
            
        </dl>

        <dl>
            <dt>
                <img src="../imgs/meisi-5.png">
                <span>美食团购</span>
            </dt>
            <dd>
                <img src="../imgs/sezi-min.png">
            </dd>
            
        </dl>

        <dl>
            <dt>
                <img src="../imgs/meisi-5.png">
                <span>美食团购</span>
            </dt>
            <dd>
                <img src="../imgs/sezi-min.png">
            </dd>
            
        </dl>

    </main>
  </div>
</div>
    <script src="../js/flexible.debug.js"></script>
    <script src="../js/flexible_css.debug.js"></script>
    <script src="../js/jquery-1.11.2.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $(".center input").click(function(){
                $(".center p").hide();
            })
            $('nav ul li').eq(0).addClass('abc')
            $('main').eq(0).addClass('abb')
           $('nav ul li').click(function(){
                $(this).addClass('abc').siblings().removeClass('abc')
                var a =$(this).index();
                $('main').eq(a).addClass('abb').siblings().removeClass('abb')
           })
         
        })
        $('.header .left').click(function(){
			location.href = "index6.html";
		})

        
    </script>
</body>
</html>